<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	
<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css"  class="view-source"/>
	<link  href="../../../../themes/default/style.css" rel="stylesheet" class="view-source">
	<script src="../../../../scripts/jquery.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/common.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/browserfix.js" type="text/javascript"  class="view-source"></script>
	<script src="../../../../scripts/plugins/jquery.json.js" type="text/javascript" class="view-source"></script>
	
	<script src="../../../../scripts/plugins/jquery.ui.js" type="text/javascript" ></script>
		
	<script src="../jquery.ui.tabs.js" type="text/javascript" class="view-source"></script>
	
	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
	

	
<script  class="view-source noparse">
	$( function(){
		$("#tabs-multi").tabs( {
			tabs:[
				{label:'htmlFragment',content:'motabs-1'},
				{label:'ajaxTab',url:'ajax_content.html'},
				{label:'iframeTab',url:'http://www.google.cn',iframe:true}
			] ,
			height:'100px'
		} ) ;
	} ); 
</script>

</head>
	
<body>
	
<div id="tabs-multi">
	<div id="motabs-1">
		<p>Html 片段...</p>
	</div>
</div>
	
		<script type="code-pretty" class="view-source inner-code noparse">
<div id="tabs-multi">
	<div id="motabs-1">
		<p>Html 片段...</p>
	</div>
</div>
      		</script>
      	</div>
		
</body>
</html>